{% extends "lbforum/base.html" %}

{% load lbforum %}

{% block title %}{{  block.super }}{% endblock %}

{% block content %}
    <div id="actionbox">
    </div>  

    <div id="brd-wrap" class="brd">
        <div id="brd-register" class="brd-page basic-page">
            {% include 'lbforum/inc_header.html' %}
            {% include 'lbforum/inc_announce.html' %}
            <div class="hr"><hr /></div>
            <div class="crumbs gen-content" id="brd-crumbs-top">
                <p>
                    <span class="crumb crumbfirst">
                        <a href="{% url lbforum_index %}">{{ LBFORUM_TITLE }}</a>
                    </span> 
                    <span class="crumb crumblast">
                        <span> &raquo; </span>
                        Login
                    </span> 
                </p>
            </div>
            <div class="main-wrapper" id="brd-main">


                <div class="main-head">
                    <h1 class="hn"><span>Register at {{ LBFORUM_TITLE }}</span></h1>
                </div>
                <div class="main-content main-frm">
                    {% if form.errors %}
                        <div class="ct-box error-box">
                            <p class="errornote"> Please correct the errors below.  </p>
                            {{form.errors}}
                        </div>
                    {% endif %}
                    <div class="req-warn ct-box error-box" id="req-msg">
                        <p class="important">All fields labelled <em>(Required)</em> must be completed before the form is submitted.</p>
                    </div>
                    <form action="" accept-charset="utf-8" method="post" id="afocus" class="frm-form">
                        <div class="hidden">
                            {% csrf_token %}
                        </div>
                        <div class="frm-group group1">
                            <div class="sf-set set1">
                                <div class="sf-box text required">
                                    <label for="fld1"><span>Username: <em>(Required)</em></span> <small>Between 2 and 25 characters.</small></label><br>
                                    <span class="fld-input">{{ form.username }}</span>
                                </div>
                            </div>
                            <div class="sf-set set2">
                                <div class="sf-box text required">
                                    <label for="fld2"><span>Password: <em>(Required)</em></span> <small>A current valid e-mail address.</small></label><br>
                                    <span class="fld-input">{{ form.password1}}</span>
                                </div>
                            </div>
                            <div class="sf-set set3">
                                <div class="sf-box text required">
                                    <label for="fld3"><span>Password (again):<em>(Required)</em></span> <small>Re-enter your e-mail address exactly as before.</small></label><br>
                                    <span class="fld-input">{{ form.password2}}</span>
                                </div>
                            </div>
                            <div class="sf-set set4">
                                <div class="sf-box text required">
                                    <label for="fld3"><span>e-mail:<em>(Required)</em></span> <small>Re-enter your e-mail address exactly as before.</small></label><br>
                                    <span class="fld-input">{{ form.email}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="frm-buttons">
                            <span class="submit"><input type="submit" value="Register" name="register"></span>
                        </div>
                    </form>
                </div>


            </div>

            <div class="crumbs gen-content" id="brd-crumbs-end">
                <p>
                    <span class="crumb crumbfirst">
                        <a href="{% url lbforum_index %}">{{ LBFORUM_TITLE }}</a>
                    </span> 
                    <span class="crumb crumblast">
                        <span> &raquo; </span>
                        Login
                    </span> 
                </p>
            </div>


            <div class="hr"><hr /></div>

            {% include 'lbforum/inc_copyright.html' %}

        </div>
    </div>
{% endblock %}
